<template>
  <div @click="add">
    hello world -- {{ state.count }}
  </div>
</template>

<script setup>
import { reactive } from './reactivity/reactive.js'
import { effect } from './reactivity/effect.js'
import { ref } from './reactivity/ref.js'

const state = reactive({
  count: 0
})

const add = () => {
  state.count++
}
</script>

<style lang="css" scoped></style>